<template>
    <div>
        axios
    </div>
</template>

<script>
import axios from 'axios'
import Qs from 'qs'

import newAxios from '../axios/index'

export default {
    async mounted(){

        //qs是什么？qs是npm仓库所管理的包，可以通过npm i qs来进行安装，qs有两个语法，qs.parse(参数) qs.stringify(参数)
        console.log( Qs.stringify({name : '张宁', age : '18'}) );
        //name=%E5%BC%A0%E5%AE%81&age=18 转化为这样

        console.log( Qs.parse('name=%E5%BC%A0%E5%AE%81&age=18') );
        //转化成为了这样 {name: "张宁", age: "18"}

        /* const a = await newAxios({
            url : 'classify/addList',
            method : 'post',
            data : {name : '张宁'}
        })
        console.log(a); */

        //封装axios的获取列表
        /* const a = await newAxios({
            url : 'classify/list',
            method : 'get'
        })
        console.log(a.data.data); */

        //获取列表
        /* axios.get('http://localhost:2345/classify/list').then(res=>{
            console.log(res.data.data);
        }).catch(err=>{
            console.log(err);
        }) */

        //新增
        /* axios.post('http://localhost:2345/classify/addList',Qs.stringify({name : '张宁'})).then(res=>{
            console.log(res.data.data);
        }).catch(err=>{
            console.log(err);
        }) */

        //获取列表
        /* axios({
            url : 'http://localhost:2345/classify/list',
            method : 'get',
        })
        .then(res =>{
            console.log(res.data.data);
        })
        .catch(err => {
            console.log(err);
        }) */

        /* axios({
            url : 'http://localhost:2345/classify/addList',
            method : 'post',
            data : Qs.stringify({name : '张宁'})
        })
        .then(res =>{
            console.log(res);
        })
        .catch(err => {
            console.log(err);
        }) */
    }


}
</script>

<style scoped>

</style>